.searhWrapper {
  @apply w-page px-[32px] py-[32px] box-border flex flex-row justify-between items-center;
  .searchInput {
    width: 590px;
    height: 80px;
    border-radius: 60px;
    background: #f2f2f2;
    grid-template-columns: 68px auto;
    align-items: center;
    @apply grid box-border;
    .input {
      @apply text-28px text-bold box-border pr-20px;
    }
  }
  .cancelText {
    @apply text-gray text-28px;
  }
}
.history {
  height: 64px;
  border: 2px solid #eee;
  @apply flex flex-row justify-center px-24px rounded-32px items-center box-border text-light text-28px;
}
.filters {
  border-bottom: 1px solid rgba(242, 242, 242, 1);
  @apply flex flex-row justify-between items-center box-border;
  .filter {
    @apply pt-16px pb-32px box-border text-gray text-32px relative flex-1 flex justify-center;
    &::after {
      content: "";
      width: 48px;
      height: 6px;
      border-radius: 10px;
      @apply absolute bottom-0 box-border;
    }
    &.filterActive {
      @apply text-bold font-600;
      &::after {
        background: #5278fd;
      }
    }
  }
}
.newsList {
  @apply box-border bg-white;
  .listItem {
    @apply py-[32px] gap-[16px] box-border flex flex-row items-center px-[32px];
    .listItemImage {
      width: 200px;
      height: 150px;
      @apply rounded-[16px] block flex-none object-cover flex-none;
    }
    .listItemInfo {
      align-self: stretch;
      @apply flex flex-col justify-between box-border flex-1;
      .listItemTitle {
        @apply text-[#333333] text-[32px] !leading-[40px];
      }
      .listItemDesc {
        @apply text-[#999999] text-[24px] font-normal flex flex-row justify-between items-center box-border;
      }
    }
  }
}
.institutionItem {
  padding-bottom: 0;
}
.seperatorLine {
  border-bottom: 1px solid rgba(242, 242, 242, 1);
  border-radius: 0 !important;
  &:last-child {
    border-bottom: none;
  }
}
